<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"
<title>3stone</title>
<link rel='stylesheet' id='camera-css'  href='css/camera.css' type='text/css' media='all'> 
<link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="css/3stone.css" rel="stylesheet" type="text/css">
<script>
        var userAgent = navigator.userAgent + '';
        if (userAgent.indexOf('iPhone') > -1) {
          document.write('<script src="js/lib/cordova-iphone.js"></sc' + 'ript>');
          var mobile_system = 'iphone';
        } else if (userAgent.indexOf('Android') > -1) {
            document.write('<script src="js/lib/cordova-2.0.0.js"></sc' + 'ript>');
          var mobile_system = 'android';
        } else {
          var mobile_system = '';
        }
      </script>
      <script src="js/lib/jquery.js"></script>
      <!-- your scripts here -->
      <script src="js/app/app.js"></script>
      <script src="js/app/bootstrap.js"></script>
      <script src="js/lib/jquery.mobile.js"></script>
      <script type='text/javascript' src='scripts/camera.min.js'></script> 
      <script src="js/jquery.easing.1.3.js"></script>
        <script>
               function onDeviceReady() {
            console.log("We got device ready");
            cordova.exec(null, null, "SplashScreen", "hide", []);
         	        }

        
            // Soon to beonDeviceReady
            // navigator.splashscreen.hide();
        </script>
        <script>
            jQuery(function(){
                
                jQuery('#camera_wrap_2').camera({
                    height: '40%',
                    loader: 'bar',
                    pagination: true,
                    thumbnails: false
                });
            });
            </script>
</head> 
<body> 

<!--首頁開始-->
<div data-role="page" id="index">
<div data-role="header">
<!-- camera_wrap_2-->
<div class="camera_wrap camera_magenta_skin" id="camera_wrap_2">
                <div data-thumb="images/mou_1_2.jpg" data-src="images/mou_1_1.jpg">
                    <div class="camera_caption fadeFromBottom">
                        步道導覽 自然之旅
                    </div>
                </div>
                <div data-thumb="images/mou_2_2.jpg" data-src="images/mou_2_1.jpg">
                    <div class="camera_caption fadeFromBottom">
                        貓空山景 邀你一同覽翠
                    </div>
                </div>
                <div data-thumb="images/mou_3_2.jpg" data-src="images/mou_3_1.jpg">
                    <div class="camera_caption fadeFromBottom">
                        貓空纜車 喫茶觀景遊
                    </div>
                </div>
</div>
<!-- #camera_wrap_2 -->

</div>
     
<div data-role="content">
<div data-role="controlgroup">
<a href="#store"><button data-icon="arrow-r">店家列表</button></a>
<a href="#coupon"><button data-icon="arrow-r">優惠好康</button></a>
<a href="#game"><button data-icon="arrow-r">闖關遊戲</button></a>
<a href="#favorites"><button data-icon="arrow-r">我的最愛</button></a>
</div>      
</div>
     
<div class="copyright" data-role="footer">Copyright&copy;2012 3stone </div>
</div>
</div>
<!--首頁結束-->

<!--店家列表開始-->
<div id="store" data-role="page">
	<div data-role="header" data-position="fixed" data-add-back-btn="true">
    <a href="#" data-icon="back" data-rel="back">上一頁</a>    
    <h1>店家列表</h1>
    <div data-role="navbar">
     <ul>
     <li><a href="#" data-icon="grid" data-iconpos="top" data-theme="b">店家列表</a></li>
     <li><a href="#coupon" data-icon="star" data-iconpos="top">優惠好康</a></li>
     <li><a href="#game" data-icon="gear" data-iconpos="top">闖關遊戲</a></li>
     <li><a href="#favorites" data-icon="shadow" data-iconpos="top">我的最愛</a></li>
     </ul>
    </div>    
    <div data-role="navbar">
     <ul>
     <li><a href="#">飲食</a></li>
     <li><a href="#">服飾</a></li>
     <li><a href="#">住宿</a></li>
     <li><a href="#">交通</a></li>
     <li><a href="#">附近店家</a></li>
     </ul>
    </div>      
	</div>
    
	<div data-role="content">    
    <ul data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="搜尋店家名稱" ></ul>
    <ul data-role="listview"  data-inset="true">
        <li>
            <a href="#promotion" data-transition="pop">
            <img src="images/7-11.jpg" />
            <h3>First</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>
        </li>
        <li>
            <a href="#promotion" data-transition="pop">
            <img src="images/7-11.jpg" />
            <h3>Second</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>        
        </li>
        <li>
            <a href="#promotion" data-transition="pop">
            <img src="images/7-11.jpg" />
            <h3>Third</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>
        </li>
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>Fourth</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>        
        </li>
    </ul>
  </div>
    
	<div class="copyright" data-role="footer" data-position="fixed">Copyright&copy;2012 3stone </div>
</div>
<!--店家列表結束-->

<!--店家限量優惠-->
<div data-role="dialog" data-add-back-btn="true" data-back-btn-text="上一頁" id="promotion">
    <div data-role="header" class="title" data-position="">
    
    <h1>限量優惠</h1>
  </div>
    <div data-role="content">
      <ul data-role="listview" data-inset="true" data-split-icon="gear">
        <li><a href="basic2.html" rel="external">
        <img src="images/7-11.jpg">
          <h3>火鍋</h3>
          <p>兌換優惠須扣抵點數212P</p>
          <span class="ui-li-count">己兌換1份</span>
          <p class="ui-li-aside">限量100份</p>
        </a><a href="basic2.html" rel="external">Default</a></li>
        <li><a href="basic2.html" rel="external">
         <img src="images/7-11.jpg">
         <h3>龍鱈明蝦</h3>
          <p>兌換優惠須扣抵點數212P</p>
          <span class="ui-li-count">己兌換1份</span>
          <p class="ui-li-aside">限量100份</p>
        </a><a href="basic2.html" rel="external">Default</a></li>
        <li><a href="basic2.html" rel="external">
          <img src="images/7-11.jpg">
        <h3>玫瑰鹽佐酥烤牛小排</h3>
          <p>兌換優惠須扣抵點數212P</p>
          <span class="ui-li-count">己兌換1份</span>
          <p class="ui-li-aside">限量100份</p>
        </a><a href="basic2.html" rel="external">Default</a></li>
      </ul>
     
     </div>
  </div>
  </div>
<!--店家限量優惠結束-->


<!--優惠好康開始-->
<div data-role="page" id="coupon">
	<div data-role="header" data-add-back-btn="true">
    <a href="#" data-icon="back" data-rel="back">上一頁</a>  
    <h1>優惠好康</h1>
    
    <div data-role="navbar">
     <ul>
     <li><a href="#store" data-icon="grid" data-iconpos="top">店家列表</a></li>
     <li><a href="#coupon" data-icon="star" data-iconpos="top" data-theme="b">優惠好康</a></li>
     <li><a href="#game" data-icon="gear" data-iconpos="top">闖關遊戲</a></li>
     <li><a href="#favorites" data-icon="shadow" data-iconpos="top">我的最愛</a></li>
     </ul>
    </div>  
    
    </div>
    
    
    
    <div data-role="content">
    <ul data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="搜尋店家名稱" ></ul>
    <ul data-role="listview"  data-inset="true">
        <li>
            <a href="#promotion" data-transition="pop">
            <img src="images/7-11.jpg" />
            <h3>First</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>
        </li>
        <li>
            <a href="#promotion" data-transition="pop">
            <img src="images/7-11.jpg" />
            <h3>Second</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>        
        </li>
        <li>
            <a href="#promotion" data-transition="pop">
            <img src="images/7-11.jpg" />
            <h3>Third</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>
        </li>
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>Fourth</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>        
        </li>
    </ul>
    </div>
    
    <div class="copyright" data-role="footer" data-position="fixed">Copyright&copy;2012 3stone </div>
</div>
<!--優惠好康結束-->

<!--闖關遊戲開始-->
<div data-role="page" id="game">
	<div data-role="header" data-add-back-btn="true">
    <a href="#" data-icon="back" data-rel="back">上一頁</a>  
    <h1>闖關遊戲</h1>
    
    <div data-role="navbar">
     <ul>
     <li><a href="#store" data-icon="grid" data-iconpos="top">店家列表</a></li>
     <li><a href="#coupon" data-icon="star" data-iconpos="top">優惠好康</a></li>
     <li><a href="#game" data-icon="gear" data-iconpos="top" data-theme="b">闖關遊戲</a></li>
     <li><a href="#favorites" data-icon="shadow" data-iconpos="top">我的最愛</a></li>
     </ul>
    </div>  
    
    </div>
    
    
    
    <div data-role="content">
    <p>闖關遊戲</p>
    </div>
    
    <div class="copyright" data-role="footer" data-position="fixed">Copyright&copy;2012 3stone </div>
</div>
<!--闖關遊戲結束-->

<!--我的最愛開始-->
<div data-role="page" id="favorites">
	<div data-role="header" data-add-back-btn="true">
    <a href="#" data-icon="back" data-rel="back">上一頁</a>  
    <h1>我的最愛</h1>
    
    <div data-role="navbar">
     <ul>
     <li><a href="#store" data-icon="grid" data-iconpos="top">店家列表</a></li>
     <li><a href="#coupon" data-icon="star" data-iconpos="top">優惠好康</a></li>
     <li><a href="#game" data-icon="gear" data-iconpos="top">闖關遊戲</a></li>
     <li><a href="#favorites" data-icon="shadow" data-iconpos="top" data-theme="b">我的最愛</a></li>
     </ul>
    </div>  
    
    </div>
    
    
    
    <div data-role="content">
    <ul data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="搜尋店家名稱" ></ul>
    <ul data-role="listview"  data-inset="true">
        <li>
            <a href="#promotion" data-transition="pop">
            <img src="images/7-11.jpg" />
            <h3>First</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>
        </li>
        <li>
            <a href="#promotion" data-transition="pop">
            <img src="images/7-11.jpg" />
            <h3>Second</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>        
        </li>
        <li>
            <a href="#promotion" data-transition="pop">
            <img src="images/7-11.jpg" />
            <h3>Third</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>
        </li>
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>Fourth</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>        
        </li>
    </ul>
    </div>
    
    <div class="copyright" data-role="footer" data-position="fixed">Copyright&copy;2012 3stone </div>
</div>
<!--我的最愛結束-->


</body>
</html>